<template>
    <div class="footer">
        <footer>

            <div class="label">
                <p class="text">Fresh</p>
            </div>

            <div class="label">
                <p style="font-size: 20px;font-weight: bold;">购物指南</p>
                <p>购物流程</p>
                <p>支付方式</p>
                <p>售后规划</p>
            </div>
            <div class="label">
                <p style="font-size: 20px;font-weight: bold;">商家服务</p>
                <p>平台规划</p>
                <p>联系我们</p>
            </div>
            <div class="label">
                <p style="font-size: 20px;font-weight: bold;">联系方式</p>
                <div>
                    <img src="../assets/QQ.png" alt="">
                    <img src="../assets/wx.png" alt="">
                </div>
            </div>
        </footer>
    </div>
</template>

<script>
export default {
    mounted() {
      
    },

    methods:{
    
    }

}

</script>
<style scoped>
.footer {
    height: 200px;
    width: 100%;
    /* position: absolute; */
    background-color: azure;
    bottom: 0;
    left: 0;
}

.label {
    width: 300px;
    height: 200px;
    float: left;
    /* background-color: aquamarine; */
}

p:hover{
   color: blue;
   cursor: pointer;
}

.label .text {
    color: rgba(103, 104, 194);
    font-size: 34px;
    line-height: 150px;
    /* float: left; */
}

.label img {
    width: 27px;
    height: 27px;
    margin-left: 20px;
}
</style>